<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.wxtf.platform.plugins.user.*"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
	UserBean user = (UserBean)request.getSession().getAttribute("userBean");
	
	String _db = user.getDbType();
	Map<String,List<Map<String, String>>> dicMap = user.getDicMap();
	List<Map<String, String>> list = null;
	
	String tbe_nation = "";//民族
	
	list = dicMap.get("5");
	if(null != list && list.size() > 0){
		for(Map<String, String> map: list){
			tbe_nation += "<option value=\"" + map.get("tmgd_id")+"\">" + map.get("tmgd_name") + "</option>";
		}
	}
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="pragma" content="no-cache"/>
		<meta http-equiv="cache-control" content="no-cache"/>
		<meta http-equiv="expires" content="0"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<link type="text/css" rel="stylesheet" href="ligerUI/skins/Aqua/css/ligerui-all.css" />
		<link type="text/css" rel="stylesheet" href="ligerUI/skins/<%=user.getUserCss()%>/css/ligerui-all.css" />
		<link type="text/css" rel="stylesheet" href="ligerUI/skins/ligerui-icons.css" />
		<link type="text/css" rel="stylesheet" href="resource/css/style.css" />

		<script type="text/javascript" src="js/jquery/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="ligerUI/js/core/base.js"></script>
		<script type="text/javascript" src="ligerUI/js/ligerui.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/validata.js"></script>

		<script type="text/javascript" src="ligerUI/js/plugins/ligerGrid.js"></script>
		<script type="text/javascript" src="ligerUI/js/plugins/ligerTree.js"></script>
		<script type="text/javascript" src="ligerUI/js/plugins/ligerForm.js"></script>
		<script type="text/javascript" src="ligerUI/js/plugins/ligerDateEditor.js"></script>
		
<script type="text/javascript">
var _db = '<%=_db%>';

_jsonObj.classname = "com.wxtf.platform.main.jcqkgl.exceeds_childrenAction";
_jsonObj.methodname = "queryPage";
_jsonObj.logicdata = "[{\"types\":\"init\"}]";

var _jsonObje = {
	"classname":"com.wxtf.platform.main.jcqkgl.exceeds_childrenAction",
	"methodname":"listAll",
	"logicdata":"[{\"tbe_name\":\"\",\"tbe_idcard\":\"\"}]"
};

var win;//新建/修改弹出框
var win2;//索弹出框

$(function(){
	manager = $("#emp-grid").ligerGrid({
		url: _url, parms: _jsonObj, width: '100%', height:'100%',heightDiff:-30,
		usePager: true, rownumbers: true, checkbox: true, alternatingRow: true,onAfterShowData: function(data, currentPageData)
		 {
		 	//allProps(data);
		     $("#Total").val(data.Total);
		     $("#TotalMon").val(data.totals);
		 }, groupColumnName:'tbe_name', groupColumnDisplay:'员工姓名',
                columns: [
                { display:'trpecp_id', name:'trpecp_id', width:1,hide:true},
                { display:'org_id', name:'org_id', width:1,hide:true},
                { display:'tbfi_id', name:'tbfi_id', width:1,hide:true},
	            { display: '机构名称', name: 'reserve1', width: 150, align: 'left'},
                { display:'员工姓名', name:'tbe_name',align: 'left',width:150,render: function(record, index, value, oth){
						return " <a href='javascript:addData(" + JSON.stringify(record) + ")'>"+value+"</a>";
					}
				},
                { display:'性别', name:'tbe_sex',align: 'left',width:100},
                { display:'员工身份证', name:'tbe_idcard', width:1,hide: true},
                { display:'出生日期', name:'tbe_birthday', width:1,hide: true},
                { display:'民族', name:'tbe_nation', width:1,hide: true},
               	{ display:'家庭电话', name:'tbfi_phone', width:1,hide: true},
                { display:'家庭地址', name:'tbfi_address', width:1,hide: true},
                { display:'家庭人数', name:'tbfi_peo_num',width:1,hide: true},
                { display:'家庭子女数', name:'tbfi_children_num',align: 'left',width:150},
                { display:'男孩数', name:'tbfi_children_mnum',align: 'left',width:100},
                { display:'女孩数', name:'tbfi_children_fnum',align: 'left',width:100},
                { display:'超生超育状况', name:'trpecp_ec_description',  align: 'left',width:180},
                { display:'超生超育子女数', name:'trpecp_exceeds_children_num',align: 'left',width:150},
                { display:'应交罚款', name:'trpecp_penalty', align: 'left',width:150},
                { display:'缴款人', name:'trpecp_payment_person',align: 'center',width:150},
                { display:'缴款日期', name:'trpecp_payment_time',  align: 'left',width:180},
                { display:'备注', name:'trpecp_memo',hide:true,width:1},
                { display: 'reserve2', name: 'reserve2', width:  1, hide:true },
				{ display: 'reserve3', name: 'reserve3', width:  1, hide:true },
				{ display: 'reserve4', name: 'reserve4', width:  1, hide:true },
				{ display: 'reserve5', name: 'reserve5', width:  1, hide:true },
				{ display: '录入人', name: 'create_by', width:  1, hide:true },
				{ display: '录入时间', name: 'create_time', width:  1, hide:true },
				{ display: '最后修改人', name: 'last_modify_by', width:  1, hide:true },
				{ display: '最后修改时间', name: 'last_modify_time', width: 1, hide:true },
                {
                    display: '编辑', name: 'user_id',width: 60,isSort:false,
                    render: function (row){
                       return "<img src='ligerUI/skins/icons/edit.gif' onclick='addData("+JSON.stringify(row)+")'></img>";
                    }
                }],
                
                toolbar: {
                	items: [
						{ text: '登记', click: function(){ addData(); }, icon: 'add' },
						{ line: true },
		                { text: '删除', click: function(){ delData(); },icon: 'delete'},
		               	{ line: true },
		                { text: '汇总', click: function(){ insertData(); },icon: 'page_paintbrush'}
	                ]
                }
            });

	
	/*
	 * 日期框
	 */
	$("#tbe_birthday").ligerDateEditor({ format: "yyyy-MM-dd", width:182 });
	$("#trpecp_payment_time").ligerDateEditor({ format: "yyyy-MM-dd", width:182});
	$("#ser4").ligerDateEditor({ format: "yyyy-MM-dd", width:164});
	$("#ser5").ligerDateEditor({ format: "yyyy-MM-dd", width:164});
});

/*
 * 表格刷新
 */
function reload(){
	_jsonObj.methodname = "queryPage";
	_jsonObj.logicdata = "[{\"types\":\"init\"}]";
	manager.loadData();
}

/*
 * ajax成功回调
 */
function ajaxCallbackSuccFunc(data, textStatus){
	serch1();
	if(data.result || data.result == 'true'){
		succMsgTip(data.resultrecord);
	}else{
		warningTip(data.resultrecord);
	}
	if(win && data.result){
		win.hide();
	}
}

/*
 * ajax失败回调
 */
function ajaxCallbackErrorFunc(data, textStatus){
	warningTip(data.resultrecord);
}

/*
 * 获取列表选中的人员ID
 */
function getUserIds(){
	var arrayUsers = manager.getSelecteds();
	if(arrayUsers.length == 0){
		return "";
	} else {
		var text = "";
		for(var i=0; i<arrayUsers.length; i++){
			text += arrayUsers[i].trpecp_id + ",";
			text += arrayUsers[i].tbfi_id + ",";
		}
		return text.substring(0, text.length - 1);
	}
}

/*
 * 新增/修改人员
 */
function addData(row){
	document.getElementById('emp-form').reset();
	document.getElementById("empBtn").disabled = false;//使可用
	$("input[name='reserve5']").attr("disabled", false);
	$("#tbe_birthday").ligerGetDateEditorManager().setDisabled();
	$("input[name='reserve5']").attr("disabled", true);
	$("input[name='org_id']").attr("disabled", true);
	var d=new Date()
	var day=d.getDate()
	var month=d.getMonth() + 1
	var year=d.getFullYear()
	$("#trpecp_payment_time").ligerGetDateEditorManager().setValue(year+'-'+month+'-'+day);
	if(row){
		document.getElementById("empBtn").disabled = true;//使不可用
		$("input[name='reserve5']").attr("disabled", true);
		loadForm("emp-form", row);
	} else {
		$("#trpecp_id").val('');
	}
	
	if(win == null){
		win = initWindowByDiv('empAdd-div', '编辑信息', 650, 460 ,save, closeWin);
	}else{
		win.show();
	}
}

/*
 * 新建/修改人员信息
 */
function save(){
    var d = new Date();
	var vYear = d.getFullYear();
	var vMon = d.getMonth() + 1;
	var vDay = d.getDate();
    var res = compareDate(vYear+"-"+vMon+"-"+vDay,$("#create_time").val().trim());
	if(null == res || res > 0){
		warningTip("该信息不是当年的记录，不允许修改");
		return;
	}

	var tbe_name = $("#tbe_name").val().trim();
	if('' == tbe_name){warningTip("员工姓名：不能为空"); return;}
	if(!checkIsString(tbe_name)){
		warningTip("员工姓名：必须为字母、数字、下划线、中文组成");
		return;
	}
	if(fucCheckLength(tbe_name) > 32){
		warningTip("员工姓名：不能超过32字符");
		return;
	}
	$("input[name='reserve5']").attr("disabled", false);
	$("input[name='org_id']").attr("disabled", false);
	
	var trpecp_ec_description = $("#trpecp_ec_description").val().trim();
	var trpecp_exceeds_children_num = $("#trpecp_exceeds_children_num").val().trim();
	var trpecp_payment_person = $("#trpecp_payment_person").val().trim();
	var trpecp_memo = $("#trpecp_memo").val().trim();
	if(!checkIsString(trpecp_ec_description)){
		warningTip("超生超育状况：必须为字母、数字、下划线、中文组成");
		return;
	}
	if(fucCheckLength(trpecp_ec_description) > 512){
		warningTip("超生超育状况：不能超过512字符");
		return;
	}
	if(!isNum(trpecp_exceeds_children_num, '+')){
		warningTip("超生超育子女数：请输入大于0的正整数");
		return;
	}else
	{
		if(parseInt(trpecp_exceeds_children_num)<1)
		{
			warningTip("超生超育子女数：应该大于0");
			return;
		}
	}
	if(!checkIsString(trpecp_payment_person)){
		warningTip("缴款人：必须为字母、数字、下划线、中文组成");
		return;
	}
	if(fucCheckLength(trpecp_payment_person) > 32){
		warningTip("缴款人：不能超过32字符");
		return;
	}
	if(!checkIsString(trpecp_memo)){
		warningTip("备注：必须为字母、数字、下划线、中文组成");
		return;
	}
	if(fucCheckLength(trpecp_memo) > 512){
		warningTip("备注：不能超过512字符");
		return;
	}

	var text = document.getElementById('org_id');
	text = text.options[text.selectedIndex].text.replaceAll('-','');
	$('#reserve1').val(text);
	_jsonObj.logicdata = getForm("emp-form");
	var tbeocr_id = $("#trpecp_id").val();
	if(tbeocr_id == ''){
		_jsonObj.methodname = "save";
		callserver(_jsonObj, ajaxCallbackSuccFunc, ajaxCallbackErrorFunc);
	} else {
		_jsonObj.methodname = "update";
		callserver(_jsonObj, ajaxCallbackSuccFunc, ajaxCallbackErrorFunc);
	}
}

/*
 * 删除人员
 */
function delData(){
	var userIds = getUserIds();
	if(userIds == ""){
		warningTip('请至少选择一个用户进行操作');
		return;
	}
	$.ligerDialog.confirm('确定要删除选中的数据吗？（删除不可恢复）', function (opt) { 			
		if(opt){
			_jsonObj.methodname = "delete";
			_jsonObj.logicdata = "[{\"ids\":\"" + userIds + "\"}]";
			callserver(_jsonObj, ajaxCallbackSuccFunc, ajaxCallbackErrorFunc);
		}
	});
}
function insertData(){
	_jsonObj.methodname = "insertData";
	callserver(_jsonObj, ajaxCallbackSuccFunc, ajaxCallbackErrorFunc);
}
/*
 * 重置-条件查询
 */
function serReset(){
	$('#ser1').val('');
	$('#ser2').val('');
	$('#ser3').val('');
}

function serempReset()
{
	$('#ser-name').val('');
	$('#ser-no').val('');
}

/*
 * 条件查询
 */
function serch1(){
	var orgIds = $('#org2').val();
	var tbe_idcard = $('#ser3').val();
	var tbe_name = $('#ser1').val();
	var trpecp_payment_person = $('#ser2').val();
	var time1 = $('#ser4').val();
	var time2 = $('#ser5').val();
	
	_jsonObj.methodname = "queryPage";
	_jsonObj.logicdata = '[{\"orgIds\":\"' + orgIds	+ '\",\"tbe_name\":\"' + tbe_name + '\",\"trpecp_payment_person\":\"' + trpecp_payment_person
			+ '\",\"time1\":\"' + time1 + '\",\"time2\":\"' + time2+'\",\"tbe_idcard\":\"' + tbe_idcard + '\",\"types\":\"serch1\"}]';
	manager.loadData();
}

/*
 * 条件导出查询
 */
function expData(){
	var orgIds = $('#org2').val();
	var tbe_idcard = $('#ser3').val();
	var tbe_name = $('#ser1').val();
	var trpecp_payment_person = $('#ser2').val();
	var time1 = $('#ser4').val();
	var time2 = $('#ser5').val();
	
	_jsonObj.methodname = "expData";
	_jsonObj.logicdata = '[{\"orgIds\":\"' + orgIds	+ '\",\"tbe_name\":\"' + tbe_name + '\",\"trpecp_payment_person\":\"' + trpecp_payment_person
			+ '\",\"time1\":\"' + time1 + '\",\"time2\":\"' + time2+'\",\"tbe_idcard\":\"' + tbe_idcard + '\",\"types\":\"serch1\"}]';
			
	callserver(_jsonObj, function(data, textStatus){
		if(data.result){
			downloadFile(data.resultrecord);
		} else {
			warningTip(data.resultrecord);
		}
	}, function(data, textStatus){
	});
}

function changeEventnum(e){
	var trpecp_exceeds_children_num = $("#trpecp_exceeds_children_num").val().trim();

	if(!isNum(trpecp_exceeds_children_num, '+')){
		warningTip("超生超育子女数：请输入大于0的正整数");
		$('#trpecp_penalty').val(0);
		return;
	}else
	{
		if(parseInt(trpecp_exceeds_children_num)<1)
		{
			warningTip("超生超育子女数：应该大于0");
			$('#trpecp_penalty').val(0);
			return;
		}
	}

	$('#trpecp_penalty').val(parseInt(trpecp_exceeds_children_num)*<%=user.getGlobalMap().get("Extra birth")%>);
}

/*
 * 选择员工弹出框
 */
function openEmp(){
	if(win2==null){
		win2 = initWindowByDiv('grid0-win', '选择人员', 600, 360, function(item, dialog){
			var row = grid0.getSelecteds();
			if(row.length != 1){
				warningTip('请选择一个用户');
				return;
			}
			$('#tbfi_id').val(row[0].tbfi_id);
			$('#org_id').val(row[0].org_id);
			$('#tbe_name').val(row[0].tbe_name);
			$('#tbe_idcard').val(row[0].tbe_idcard);
			$('#tbe_birthday').val(row[0].tbe_birthday);
			$('#tbe_sex').val(row[0].tbe_sex);
			$('#tbe_nation').val(row[0].tbe_nation);
			$('#tbfi_children_num').val(row[0].tbfi_children_num);
			$('#tbfi_phone').val(row[0].tbfi_phone);
			$('#tbfi_address').val(row[0].tbfi_address);
			$('#tbfi_peo_num').val(row[0].tbfi_peo_num);
			$('#tbfi_children_num').val(row[0].tbfi_children_num);
			$('#trpecp_penalty').val((row[0].tbfi_children_num-2)*<%=user.getGlobalMap().get("Extra birth")%>);
			$('#trpecp_exceeds_children_num').val(row[0].tbfi_children_num-2);
			$('#tbfi_children_mnum').val(row[0].tbfi_children_mnum);
			$('#tbfi_children_fnum').val(row[0].tbfi_children_fnum);
			$("input[name='reserve5'][value='1']").attr("checked", true);
			win2.hide();
		}, closeWin);
		
		grid0 = $("#grid0-div").ligerGrid({
			url:_url, parms:_jsonObje, width: 570, height: 250,
			usePager: true, rownumbers: true, checkbox: true, alternatingRow: true,
			columns: [
				{ display: 'tbfi_id', name: 'tbfi_id', hide: true,width:1 },
				{ display: 'org_id', name: 'org_id', hide: true,width:1 },
				{ display: '姓名', name: 'tbe_name', width: 150, align: 'left' },
				{ display: '身份证号码', name: 'tbe_idcard', width: 160, align: 'left' },
				{ display: '性别', name: 'tbe_sex', width: 100, align: 'left' },
				{ display: '年龄', name: 'tbe_age',hide: true,width:1},
				{ display: '出生日期', name: 'tbe_birthday',width: 150, align: 'left'},
				{ display: '民族', name: 'tbe_nation', width: 150, align: 'left'},
				{ display: '家庭电话', name: 'tbfi_phone',width: 100, align: 'left' },
				{ display: '家庭地址', name: 'tbfi_address',width: 100, align: 'left' },
				{ display: '家庭子女数', name: 'tbfi_children_num',width: 100, align: 'left' },
				{ display: '家庭人数', name: 'tbfi_peo_num',width: 100, align: 'left' },
				{ display: '男孩数', name: 'tbfi_children_mnum',width: 100, align: 'left' },
				{ display: '女孩数', name: 'tbfi_children_fnum',width: 100, align: 'left' }
			],
			onCheckRow: function(checked, rowdata, rowindex) {
			    for (var rowid in this.records)
			        this.unselect(rowid); 
			    this.select(rowindex);
			}
		});
	} else {
		win2.show();
	}
}
/*
 * 选人弹出框-条件查询
 */
function serch2(){
	var tbe_name = $('#ser-name').val().trim();
	var ser_no = $('#ser-no').val().trim();
	_jsonObje.logicdata = '[{\"tbe_name\":\"' + tbe_name + '\",\"tbe_idcard\":\"' + ser_no + '\"}]'
	grid0.loadData();
}

</script>
</head>
<body>
	<table id="aaa" class="serTable">
			<tr>
				<td>机构：</td>
				<td><select id="org2" style=" width: 164px;">
						<%=user.getCurSubOrgOptions()%>
					</select>
				</td>
				<td>员工姓名：</td><td><input id="ser1" style="width: 160px;"/></td>
				<td>身份证号：</td>
				<td><input id="ser3" style="width: 160px;"/></td>
				<td><input class="btn2" value="搜索" type="button" onclick="serch1();" /></td>
			</tr>
			<tr>
				<td>缴款人：</td>
				<td><input id="ser2" style="width: 160px;"/></td>
				<td>缴款日期：</td>
				<td><input id="ser4" onkeyup="this.value=formatdata(this.value);"/></td>
				<td>---</td>
				<td><input id="ser5" onkeyup="this.value=formatdata(this.value);"/></td>
				<td><input class="btn2" value="导出" type="button" onclick="expData();" /></td>
			</tr>
		</table>
		
		<div id="emp-grid"></div>
		<div style="font-size: 15px;text-align: left;margin-top: 5px;">总人数
			<input type="text" id="Total" style="border:0;width: 60px;border-bottom: 1px solid #000;text-align: center;"/>人,
			总金额
			<input type="text" id="TotalMon" style="border:0;width:120px;border-bottom: 1px solid #000;text-align: center;"/>元。
		</div>
		<div id="empAdd-div" style="display: none;">
			<form id="emp-form" name="emp-form">
				<input type="hidden" id="trpecp_id" name="trpecp_id" value="" />
				<input type="hidden" id="tbfi_id" name="tbfi_id" value="" />
				<input type="hidden" id="reserve1" name="reserve1" value="" />
				<input type="hidden" id="reserve2" name="reserve2" value="" />
				<input type="hidden" id="reserve3" name="reserve3" value="" />
				<input type="hidden" id="reserve4" name="reserve4" value="" />
				<input type="hidden" id="create_by" name="create_by" value="" />
				<input type="hidden" id="create_time" name="create_time" value="" />
				<input type="hidden" id="last_modify_by" name="last_modify_by" value="" />
				<input type="hidden" id="last_modify_time" name="last_modify_time" value="" />
				<input type="hidden" id="tbfi_peo_num" name="tbfi_peo_num"  readonly="readonly" value="0"/>
				<table class="form_table">
					<tr>
						<td colspan="9" align="left">
							<div style="border-bottom: 1px solid #EBEBEB; font-weight:bold;height: 28px; line-height: 28px;margin: 0 0 5px;" >
								<img src="ligerUI/skins/icons/communication.gif"/>
								<span>员工基本信息</span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="form_label">机构：</td>
						<td>
							<select id="org_id" name="org_id" style=" width: 182px;">
								<%=user.getCurSubOrgOptions()%>
							</select>
						</td>
						<td></td>
						<td class="form_label">员工姓名：</td>
						<td><input class="textbg1" id="tbe_name" name="tbe_name" disabled ="true" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td><font color="red">*</font><input id="empBtn" name="empBtn" type="button" class="btn1" value="选人" onclick="openEmp();"/></td>
						<td></td>
					</tr>
					<tr>
						<td class="form_label">身份证号码：</td>
						<td><input class="textbg1" id="tbe_idcard" name="tbe_idcard" disabled ="true" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">员工出生日期：</td>
						<td><input id="tbe_birthday" name="tbe_birthday" disabled ="true"/></td>
						<td></td>
					</tr>
					<tr>
						<td class="form_label">员工性别：</td>
						<td><input class="textbg1" id="tbe_sex" name="tbe_sex" disabled="true" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">员工民族：</td>
						<td>
							<select id="tbe_nation" name="tbe_nation" disabled ="true" style=" width: 182px;">
								<%=tbe_nation%>
							</select>
						</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="9" align="left">
							<div style="border-bottom: 1px solid #EBEBEB; font-weight:bold;height: 28px; line-height: 28px;margin: 0 0 5px;" >
								<img src="ligerUI/skins/icons/communication.gif"/>
								<span>家庭基本信息</span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="form_label">家庭电话：</td>
						<td><input class="textbg1" id="tbfi_phone" name="tbfi_phone" readonly="readonly" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">家庭地址：</td>
						<td><input class="textbg1" id="tbfi_address" name="tbfi_address" readonly="readonly" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
					</tr>
					<tr>
						<td class="form_label">是否超生：</td>
						<td align="left" id="reserve5">
							<input style="margin-top: 2px;" type="radio" name="reserve5" value="0" />否
							<input style="margin-top: 2px;" type="radio" name="reserve5" value="1" checked="checked" />是
						</td>
						<td><font color="red">*</font></td>
						<td class="form_label">家庭子女数：</td>
						<td><input class="textbg1" id="tbfi_children_num" name="tbfi_children_num"  readonly="readonly" value="0"  onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
					</tr>
					<tr>
						<td class="form_label">男孩数：</td>
						<td><input class="textbg1" id="tbfi_children_mnum" name="tbfi_children_mnum" readonly="readonly" value="0" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">女孩数：</td>
						<td><input class="textbg1" id="tbfi_children_fnum" name="tbfi_children_fnum" readonly="readonly" value="0" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
					</tr>

					<tr>
						<td colspan="9" align="left">
							<div style="border-bottom: 1px solid #EBEBEB; font-weight:bold;height: 28px; line-height: 28px;margin: 0 0 5px;" >
								<img src="ligerUI/skins/icons/communication.gif"/>
								<span>缴款信息</span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="form_label">超生状况：</td>
						<td><input class="textbg1" id="trpecp_ec_description" name="trpecp_ec_description" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">超生子女数：</td>
						<td><input class="textbg1" id="trpecp_exceeds_children_num" name="trpecp_exceeds_children_num" readonly="readonly" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td><font color="red">*</font></td>
					</tr>
					<tr>
						<td class="form_label">应交罚款：</td>
						<td><input class="textbg1" id="trpecp_penalty" name="trpecp_penalty" readonly="readonly" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
						<td class="form_label">缴款人：</td>
						<td><input class="textbg1" id="trpecp_payment_person" name="trpecp_payment_person" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
					</tr>
					<tr>
						<td class="form_label">缴款日期：</td>
						<td><input id="trpecp_payment_time" name="trpecp_payment_time" onkeyup="this.value=formatdata(this.value);"/></td>
						<td></td>
						<td class="form_label">备注：</td>
						<td><input class="textbg1" id="trpecp_memo" name="trpecp_memo" onMouseOver="this.style.borderColor='#4fa8e6'" onMouseOut="this.style.borderColor='#A1A3A1'"/></td>
						<td></td>
					</tr>					
					<tr><td><br /></td></tr>
				</table>
			</form>
		</div>
		<div id="grid0-win" style="display: none;">
			<table class="serTable">
				<tr>
					<td>姓名：</td><td><input id="ser-name" style=" width: 100px;"/></td>
					<td>身份证：</td><td><input id="ser-no" style=" width: 150px;"/></td>
					<td><input class="btn2" value="搜索" type="button" onclick="serch2();" /></td>
					<td><input class="btn2" value="重置" type="button" onclick="serempReset();" /></td>
				</tr>
			</table>
			<div id="grid0-div"></div>
		</div>
	</body>
</html>